/* css工具库 */

/* 垂直居中 */
.df-c {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dt-c {
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}
.ts-c {
  position: absolute;
  left: 50%; 
  top: 50%;
  transform: translate(-50%, -50%);
}
.ts-mc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; 
  top: 0;
  margin: auto;
}

/* 溢出省略号,如何设置函数变量控制 */

/* 浮动 */
.fr {
	float:right;
}
.fl {
	float:left;
}
.cf {/*兼容 IE*/
	zoom: 1;
}
.cf:after {
	height: 0;
	content: '';
	display: block;
	clear: both;
}

/* 禁止选中文本 */
.user-select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}

/* 文字 */
.font-12 {
	font-size: 12px;
}
.font-14 {
	font-size: 14px;
}
.font-16 {
	font-size: 16px;
}
.font-18 {
	font-size: 18px;
}
.font-20 {
	font-size: 20px;
}

.tl { /* 向左对齐 */
	text-align: left;
}
.tr { /* 向右对齐 */
	text-align: right;
}
.tc { /* 居中对齐 */
	text-align: center;
}

/* 排版 */
.wn { /* 强制不换行 */
	word-wrap :normal;
	white-space: nowrap;
}
.wb { /* 强制换行 */
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.ellipsis {
	overflow: hidden;	
	text-overflow:ellipsis;
	white-space: nowrap;
}
.none {
	display: none;
}
.flex {
	display: flex;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}

/* 鼠标样式 */
.cp {cursor: pointer; }



